<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>BTC官网</title>
  <link rel="shortcut icon" href="images/ico/logo_2.png" type="image/x-icon"/>
  <link rel="stylesheet" href="./css/reset.css">
  <!--<link rel="stylesheet" href="./css/dist.min.css">-->
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="home_warp">
  <!--头部-->
  <header class="home_header">
    <!--导航条-->
    <nav class="nav_bar">
      <!--导航条顶部-->
      <div class="nav_bar_top">
        <div class="container">
          <div class="top_left">
            <a href="javascript:;">新币申购</a>
            <a href="javascript:;">高手排名</a>
          </div>
          <div class="top_right">
            <a href="javascript:;">帮助中心</a>
            <a href="javascript:;">公告中心</a>
          </div>
        </div>
      </div>
      <!--导航条主体-->
      <div class="nav_bar_main">
        <div class="container">
          <nav class="nav">
            <div class="nav_logo">
              <div class="logo">
                <a href="./index.html">BTC</a>
              </div>
              <li>
                <a href="./index.html">首页</a>
              </li>
              <li>
                <a href="javascript:;">法币交易</a>
              </li>
              <li>
                <a href="javascript:;">币币交易</a>
              </li>
              <li>
                <a href="javascript:;">合约交易</a>
              </li>
            </div>

            <div class="nav_login_register">
              <a class="login" href="javascript:;">登录</a>
              <div class="login_right_line"></div>
              <a class="register" href="javascript:;">注册</a>
            </div>
          </nav>
        </div>
      </div>
    </nav>
    <!--banner-->
    <div class="home_banner"></div>
  </header>

  <!--平台-->
  <div class="home_platform">
    <div class="container">
      <div class="platform_main">
        <!--标题2-->
        <h2 class="main_h2">全球首家新币申购打新平台</h2>
        <!--副标题-->
        <ul class="main_subheading">
          <span>新币申购</span><em>/</em><span>币币交易</span><em>/</em><span>法币交易</span><em>/</em><span>合约挖矿</span><em>/</em><span>矿山挖矿</span><em>/</em>
        </ul>
        <!--数字数据-->
        <div class="main_number_data">
          <div class="number_data_item">
            <div class="item_content">
              <span>昨日挖矿产出</span>
              <strong>101072.93BNT</strong>
              <span>[挖矿原理]</span>
            </div>
            <div class="item_content">
              <span>当前流通量</span>
              <strong>60022848.407425 BNT</strong>
            </div>
          </div>
          <div class="number_data_line"></div>
          <div class="number_data_item">
            <div class="item_content">
              <span>当前价格</span>
              <strong>0.18970001 TUSD</strong>
            </div>
            <div class="item_content">
              <span>当前市值</span>
              <strong>11386334.94 TUSD</strong>
            </div>
          </div>
          <div class="number_data_line"></div>
          <div class="number_data_item">
            <div class="item_content">
              <span>快乐星期一分红</span>
              <strong>132751.00 TUSD</strong>
            </div>
            <div class="item_content">
              <span>每100个BNT分红</span>
              <strong>0.177 TUSD</strong>
            </div>
          </div>
          <div class="number_data_line"></div>
        </div>
        <!--赚到-->
        <div class="main_gain">
          <div class="gain_item">
            <div class="item_content">
              <p>新币打新</p>
              <p>打到就是赚到</p>
            </div>

          </div>

          <div class="gain_item">
            <div class="item_content">
              <p>新注册实名认证</p>
              <p>送258BND</p>
            </div>

          </div>

          <div class="gain_item">
            <div class="item_content">
              <p>永续合约</p>
              <p>模拟交易</p>
            </div>

          </div>

          <div class="gain_item">
            <div class="item_content">
              <p>BTWIN交易所</p>
              <p>视频介绍</p>
            </div>

          </div>
        </div>
        <!--公告-->
        <div class="main_notice">
          <div class="notice_item">
            <div class="item_content">
              <p>
                <span>最新公告</span>
                <span>More</span>
              </p>
              <a href="javascript:;">
                <span>5日比牛币(BNT)挖矿和转换通知</span>
                <span>12-06</span>
              </a>
              <a href="javascript:;">
                <span>4日比牛币(BNT)挖矿和转换通知</span>
                <span>12-06</span>
              </a>
              <a href="javascript:;">
                <span>3日比牛币(BNT)挖矿和转换通知</span>
                <span>12-05</span>
              </a>
              <a href="javascript:;">
                <span>快乐星期一分红公告</span>
                <span>12-04</span>
              </a>
              <a href="javascript:;">
                <span>关于下架部分交易品种的通知</span>
                <span>12-03</span>
              </a>
            </div>
          </div>
          <div class="notice_item">
            <div class="item_content">
              <p>
                <span>帮助中心</span>
                <span>More</span>
              </p>
              <a href="javascript:;">
                <span>TUSD和美元是1比1的数字货币</span>
                <span>12-06</span>
              </a>
              <a href="javascript:;">
                <span>使用法币购买和出售教程</span>
                <span>12-06</span>
              </a>
              <a href="javascript:;">
                <span>交易手续费标准</span>
                <span>12-05</span>
              </a>
              <a href="javascript:;">
                <span>提币说明</span>
                <span>12-04</span>
              </a>
              <a href="javascript:;">
                <span>冲币说明</span>
                <span>12-03</span>
              </a>
            </div>
          </div>
        </div>
        <!--交易-->
        <div class="main_deal">
          <!--交易头部-->
          <div class="deal_header">
            <div class="header_content">
              <div class="content_item">
                <div class="item_content">
                  <span>BNT/TUSD</span>
                  <div class="content_percent">+90%</div>
                </div>
                <div class="item_content">
                  <span>0.1897</span>
                  <span>¥1.30</span>
                </div>
                <div class="item_content">
                  <span>成交额:18385.44 TUSD</span>
                </div>
              </div>
              <div class="content_line"></div>
              <div class="content_item">
                <div class="item_content">
                  <span>BNT/TUSD</span>
                  <div class="content_percent">-7.56%</div>
                </div>
                <div class="item_content">
                  <span>3388.5096</span>
                  <span>¥23268.33</span>
                </div>
                <div class="item_content">
                  <span>成交额:4768545.33 TUSD</span>
                </div>
              </div>
              <div class="content_line"></div>
              <div class="content_item">
                <div class="item_content">
                  <span>BNT/TUSD</span>
                  <div class="content_percent">-11.97%</div>
                </div>
                <div class="item_content">
                  <span>85.6592</span>
                  <span>¥589.66</span>
                </div>
                <div class="item_content">
                  <span>成交额:730847.67 TUSD</span>
                </div>
              </div>
              <div class="content_line"></div>
            </div>
          </div>
          <!--交易主体-->
          <div class="deal_body">
            <!--交易主体的头部-->
            <div class="body_header">
              <div class="header_content">
                <a href="javascript:;" class="content_item active">合约交易</a>
                <a href="javascript:;" class="content_item">币币交易</a>
              </div>
            </div>
            <!--交易主体的内容-->
            <div class="body_content active">
              <div class="content_header">
                <span>名称</span>
                <span>最新价格</span>
                <span>24H涨幅</span>
                <span>24H高点/24H低点</span>
                <span>去交易</span>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
            </div>

            <div class="body_content">
              <div class="content_header">
                <span>名称</span>
                <span>最新价格</span>
                <span>24H涨幅</span>
                <span>24H高点/24H低点</span>
                <span>去交易</span>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>3742.3560/¥25693.43</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>3776.96630000 / 3490.35460000</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
              <div class="content_item">
                <div class="item_column">
                  <div class="column_img"></div>
                  <span>BATTUSD</span>
                </div>

                <div class="item_column">
                  <span>0.13365/0.14252</span>
                </div>

                <div class="item_column">
                  <span>-5.43%</span>
                </div>

                <div class="item_column">
                  <span>0.14781/0.12811</span>
                </div>

                <div class="item_column">
                  <div class="column_img"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--全球-->
  <div class="home_global">
    <div class="container">
      <!--全球tab切换-->
      <div class="global_tab">
        <div class="tab_item">
          <div class="item_img"></div>
          <p>全球法币交易</p>
        </div>
        <div class="tab_item">
          <div class="item_img"></div>
          <p>币币交易</p>
        </div>
        <div class="tab_item active">
          <div class="item_img"></div>
          <p>合约交易</p>
        </div>
        <div class="tab_item">
          <div class="item_img"></div>
          <p>项目孵化</p>
        </div>
        <div class="tab_item">
          <div class="item_img"></div>
          <p>推广创业</p>
        </div>
      </div>
    </div>
    <!--全球的 底部内容-->
    <div class="global_content">
      <div class="container">
        <div class="content_item">
          使用法币交易数字资产，安全便捷
        </div>
        <div class="content_item">
          24小时交易全球主流数字资产，资产充值提现D0极速到账
        </div>
        <div class="content_item active">
          挖矿100%手续费返比牛币（BNT），
          全球流动性支持极速成交无延迟，
          全球指数行情确保行情无法操控，安享杠杆3-20倍。
        </div>
        <div class="content_item">
          全球优质区块链项目孵化平台，
          提供融资支持、战略咨询、技术支持、上币服务
        </div>
        <div class="content_item">
          打造一流的草根创业平台，
          致力于让100万人年入千万的目标，
          迈入全球最大数字资产交易所
        </div>
      </div>

    </div>
  </div>

  <!--底部-->
  <div class="footer">
    <div class="container">
      <div class="footer_main">
        <div class="main_column">
          <a href="./index.html" class="column_logo"></a>
          <p>市场有风险 投资需谨慎</p>
          <p>2018 Btwin Trading LTD</p>
        </div>
        <div class="main_column">
          <a class="column_item" href="javascript:;">关于我们</a>
          <a class="column_item" href="javascript:;">公司介绍</a>
          <a class="column_item" href="javascript:;">视频教学</a>
          <a class="column_item" href="javascript:;">API接口</a>
        </div>
        <div class="main_column">
          <a class="column_item" href="javascript:;">用户支持</a>
          <a class="column_item" href="javascript:;">服务协议</a>
          <a class="column_item" href="javascript:;">隐私保护</a>
          <a class="column_item" href="javascript:;">法律声明</a>
        </div>
        <div class="main_column">
          <!--app下载-->
          <div class="column_app_download">
            <div class="app_download_left">
              <span>币币APP下载</span>
              <div class="left_content">
                <div class="content_detail">
                  <div class="detail_ico"></div>
                  <span>IOS</span>
                  <!--IOS二维码-->
                  <div class="IOS_QRcode">
                    <img src="">
                    <p>扫码下载APP</p>
                    <i class="arrow-down"></i>
                  </div>
                </div>
                <div class="content_detail">
                  <div class="detail_ico"></div>
                  <span>Android</span>
                  <!--Android二维码-->
                  <div class="Android_QRcode">
                    <img src="">
                    <p>扫码下载APP</p>
                    <i class="arrow-down"></i>
                  </div>
                </div>
              </div>
            </div>


            <div class="app_download_right">
              <span>合约APP下载</span>
              <div class="right_content">
                <div class="content_detail">
                  <div class="detail_ico"></div>
                  <span>WIN</span>
                </div>
                <div class="content_detail">
                  <div class="detail_ico"></div>
                  <span>IOS</span>
                  <!--IOS二维码-->
                  <div class="IOS_QRcode">
                    <img src="">
                    <p>扫码下载APP</p>
                    <i class="arrow-down"></i>
                  </div>
                </div>
                <div class="content_detail">
                  <div class="detail_ico"></div>
                  <span>Android</span>
                  <!--Android二维码-->
                  <div class="Android_QRcode">
                    <img src="">
                    <p>扫码下载APP</p>
                    <i class="arrow-down"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--联系我们-->
          <div class="column_contact_us">
            <div class="contact_us_content">
              <span>联系我们</span>
              <div class="content_detail">
                <div class="detail_ico"></div>
                <div class="detail_ico wechat">
                  <div class="wechat_ico"></div>
                  <!--微信二维码-->
                  <div class="wechat_QRcode">
                    <img src="">
                    <p>官方微信：</p>
                    <i class="arrow-down"></i>
                  </div>
                </div>
                <div class="detail_ico"></div>
                <div class="detail_ico"></div>
                <div class="detail_ico"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

<script>
  // 平台 交易主体
  var dealBodyItems = document.querySelectorAll(".body_header .content_item")

  // 平台 交易主体的内容
  var dealBodyContents = document.querySelectorAll(".deal_body .body_content")

  function dealBodyItemSwitch(activeList, dealBodyContents) {
    for (let i = 0, len = activeList.length; i < len; i++) {
      activeList[i].onclick = function () {
        for (let j = 0; j < len; j++) {
          activeList[j].classList.remove("active")
          dealBodyContents[j].classList.remove("active")
        }
        activeList[i].classList.add("active")
        dealBodyContents[i].classList.add("active")
      }
    }
  }

  // 平台 交易主体 和 交易主体的内容
  dealBodyItemSwitch(dealBodyItems, dealBodyContents)

  // 全球 全球tab切换
  var globalTabItems = document.querySelectorAll(".global_tab .tab_item")
  // 全球的 底部内容
  var globalContentItems = document.querySelectorAll(".global_content .content_item")

  function tabSwitch(globalTabItems, globalContentItems) {
    for (let i = 0, len = globalTabItems.length; i < len; i++) {
      globalTabItems[i].onmouseenter = function () {
        for (let j = 0; j < len; j++) {
          globalTabItems[j].classList.remove("active")
          globalContentItems[j].classList.remove("active")
        }
        globalTabItems[i].classList.add("active")
        globalContentItems[i].classList.add("active")
      }
    }
  }

  // 全球 全球tab切换 和 底部内容
  tabSwitch(globalTabItems, globalContentItems)
</script>